@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
a{
    color:#8b8b8b;
}
body{
    background:#fff;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;

.main{
     width:100vw;
     position: absolute;
     left:0;
     right: 0;
     top:r(90);;
     bottom:r(100);
     /*height: calc(100% - 50px);*/
     overflow: auto;

     >.top{
       position: relative;
        >.top_img{
           width:100%;
           >img{
               width:100%;
           }

        }
        >.sg{
            margin-left:r(25);
            position: absolute;
            bottom:r(15);
            width:r(308);
            background:#fff;
            display: flex;
            height:r(58);
            display: -webkit-flex;
            justify-content: space-around;
            align-items: center;
            
            >p{
                font-size:r(26);
                color:#b10000;
                margin-left: r(50);
                margin-right: r(50);
                font-weight: bold;
            }
            >aside{
                width:r(50);

                >img{
                    width:100%;
                }

            }
            >aside::before{
                content: "";
                position: absolute; 
                top:0;   
                font-weight: 200;
                width:1px;
                height:100%;
                background:#b10000;
            }
        }
     }//top

     >.banner{
         margin-bottom:r(44);
         position: relative;
         width:100%;
         
         >img{
             width:100%;
         }
         >.zhezao{
             display: flex;
             display: -webkit-flex;
             flex-direction: column;
             justify-content: space-around;
             align-items:center;
                position: absolute;
                bottom:0;
                width:100%;
                height:r(104);
                background:rgba(0,0,0,.5);
                >p{
                    width:r(590);
                    text-align: center;
                    line-height: r(53);
                    font-size:r(27);
                    color:#fff;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
                >div{
                    width:r(590);
                    display: flex;
                    display: -webkit-flex;
                    justify-content: center;
                    align-content: center;
                    >div{
                        width:r(23);
                        img{
                            width:100%;
                        }
                    }
                   
                    >span{
                        font-size:r(18);
                        color:#fff;
                    }
                    >span:nth-of-type(1){
                        margin-right:r(45);
                    }
                    >.date{
                        text-align: right;
                        flex-grow: 1;
                    }
                }
         }//zhezao
     }//banner

     .txt_content{
        background:#fff;
       width:100%;
       >.contentA{
           font-size: 0;
           margin:0 auto;
           margin-top:r(22);
           width:r(584);
           display: flex;
           display: -webkit-flex;
           justify-content:space-between;
           align-content: flex-start;
           align-items:flex-start;
           flex-direction: row;
           padding-top:r(18);
           padding-bottom:r(30);
           border-bottom:#ddd 1px solid;

           >.lcontent{
            height:r(145);
               display: flex;
               display:-webkit-flex;
               flex-direction: column;

               >aside{
                   padding:0;
                   font-size:r(22);
                   color:#000;
                   width:r(345);
                   overflow: hidden;
                   text-overflow:ellipsis;
                   display: -webkit-box;
                   -webkit-line-clamp: 2;
                   -webkit-box-orient: vertical;
               }
               >.p_txt{
                   width:r(345);
                   font-size:r(18);
                   color:#c5c5c5;
                   overflow: hidden;
                   text-overflow:ellipsis;
                   display: -webkit-box;
                   -webkit-line-clamp: 2;
                   -webkit-box-orient: vertical;
               }
               >.l_b_content{
                    
                   margin-top:r(10);
                   display: flex;
                   display:-webkit-flex;
                   flex-direction: row;
                   align-items: center;
                   justify-content: center;
                //    margin-top:r(25);
                   .txt_date{
                       flex-grow: 1;
                       text-align: right;
                       padding-right:r(18);
                   }
                   >div{
                       width:r(25);
                       margin-left:r(10);
                       margin-right:r(10);
                       >img{
                           width:100%;
                       }
                   }
                   >span{

                       font-size:r(20);
                       color:#c5c5c5;
                   }
                   .txt_gk{

                       // flex-grow: 1;
                       text-align: right;
                   }
               }
           }
       }//left
       .contentA:first-child{
           padding-top:r(23);
           margin-top:0;
           // margin-bottom:33px;
       }
       .contentA:last-child{
           border:none;
       }
       .rcontent{
           width:r(210);
           height:r(145);
           >a{
               >img{
                   width:100%;
               }
           }
         
       }//right
     
}//txt_content
>p{
        
    font-size:r(22);
    color:#bababa;
    padding:r(20) 0;
    margin:0 auto;
    text-align: center;
    border-top:#ddd 1px solid;
    background: #fff;
}
}//main

}